.codec-pageheader-title {
    padding: 10px 20px 10px 15px;
}

.codec-function-bar {
    margin: 0 0 10px 20px;
}
.codec-plugin-lib .ant-popover-inner-content {
    padding: 5px;
}
.codec-plugin-lib .ant-list .ant-list-item {
    padding: 0;
    cursor: pointer;
}
.codec-plugin-lib .ant-list .ant-list-item:hover {
    background-color: #f5f5f5;
}
.codec-plugin-lib .ant-list.ant-list-split .ant-list-item {
    border-bottom: 0;
}

.codec-content {
    flex-grow: 1;
    display: flex;
    flex-flow: column;
}

.codec-content .codec-card-body .ant-card-extra {
    padding: 2px 0;
}

.codec-content .editor-body {
    width: 100%;
    height: 100%;
}

.codec-content .exchange-btn {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
}

.codec-content .exchange-btn .exchange-icon {
    align-self: center;
    cursor: pointer;
}
.codec-content .exchange-btn .exchange-icon:hover {
    border: 1px solid #717272;
    border-radius: 5px;
    box-shadow: 1px 1px 1px;
}
